<template>
<div class="container">
    <div class="div1">
        <p><strong>有好货</strong></p>
        <p id="top1">大家都在买</p>
        <img src="../../../../../assets/image/home/homeActivity/1.png">
    </div>
    <div class="div2">
        <p>&nbsp;</p>
        <br />
        <img src="../../../../../assets/image/home/homeActivity/1.png">
    </div>
</div>
</template>

<script>
export default {
    name: "everydayBuy"
}
</script>

<style scoped>
.container {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}

.container>div {
    font-size: .4rem;
}

.div1 {
    width: 50%;
}

.div1>* {
    width: 100%;

}

.div1:first-child {
    margin-top: .3rem;
}

.div2 {
    width: 50%;
}

.div2>* {
    width: 100%;
    margin-top: .3rem;
}

#top1 {
    color: #6368FF;
    font-size: .35rem;
    white-space: nowrap;
    margin-top: .3rem;
}
</style>
